// components/tabs/tabs.js
Component({
  // 父组件传递过来的数据
  properties: {
    // titles
    titles: {
      type: Array,
      value: []
    }
  },

  data: {

    // 被选中的元素的索引
    currentIndex: 0
  },
  // 当前是一个组件 组件中 要放自己的函数的话 需要将它放在一个对象中   methods
  methods: {
    changeIndex(event) {
      // 标签上的 索引
      var index=event.currentTarget.dataset.index;
      
      // 传递数据给父组件 这个写法有点不安全   给我们开发者多一次确认的机会 
      this.triggerEvent("aaaa",index);

      // 修改当前 currentIndex  为被点击的标题的索引
      // 标题的红色就会改变
      this.setData({
        currentIndex:index
      })
    }
  },

  // 学习组件的生命周期
  lifetimes: {
    attached: function() {
      // 组件创建完毕
      console.log("attached");
    },
    detached: function() {
      // 组件被销毁 -  被隐藏 
    },
  },

})
